<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>960 Grid System &mdash; Demo</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/960.css" />
<link rel="stylesheet" href="css/demo.css" />
</head>
<body>
	<!-- start .container_16 -->
	<div class="container_16">
        
		<!-- start container -->
        <div id="container">

			<!-- start header -->
			<div id="header">
				<div class="grid_2">
					<p>
					2
					</p>
				</div>

				<div class="grid_14">
					<p>
					14
					</p>
				</div>
			</div>
			<!-- end header -->
			
			<!-- start top-panel -->
			<div id="top-panel">
				<div class="grid_16">
					<p>
					16
					</p>
				</div>
			</div>
			<!-- end top-panel -->
			
			<!-- star wrapper -->
			<div id="wrapper">

				<!-- star content -->
				<div id="content">
				
					<div class="grid_8">
						<p>
						8
						</p>
					</div>
					<div class="grid_8">
						<p>
						8
						</p>
					</div>
					
					<div class="grid_16">
						<p>
						16
						</p>
					</div>
				</div>
				<!-- end content -->

			</div>
			<!-- end wrapper -->

			<!-- start footer -->
			<div id="footer">
				<div class="grid_8">
					<p>
					8
					</p>
				</div>
				<div class="grid_8">
					<p>
					8
					</p>
				</div>
			</div>
			<!-- end footer -->
			
		</div>
		<!-- end container -->
		
	</div>
	<!-- end .container_16 -->
</body>
</html>